/*类目*/ .block-title{ padding:50px 0; text-align:center; position:relative;margin:0 auto; } .block-title h2{ font-size:28px; color:#000; line-height:1.2; font-weight:bold;} .block-title p{ font-size:38px; text-transform:uppercase; color:#7f7f7f; line-height:1.2; font-weight:bold;} .block-title p span{ color:#e55b1f;} .block-title h2:after{ display:block; margin:10px auto; content:''; width: 0; height: 0; border-left:12px solid transparent; border-right:12px solid transparent; border-top: 12px solid #cdcdcd; } .block-title h3{ color:#888; font-size:16px; text-align:center; margin-top:20px; line-height:1.6;} .block-index-lanmu01{ padding:0;} .pro_lanmu{ max-width:90%; margin:0 auto;} .pro_lanmu ul{ position:relative;} .pro_lanmu li{ width:277px; float:left; margin-right:30.66666px;} .pro_lanmu li img{ display:block; margin:15px auto;} .pro_lanmu li:last-child{ margin-right:0;} .pro_lanmu li .title{ display:block; margin:0 auto; text-align:center;} .pro_lanmu li h2{ font-size:20px; color:#000; font-weight:bold; padding:20px 0;} .pro_lanmu li p{ line-height:2; text-align:center; color:#888; font-size:15px;} /*产品分类,带产品*/ .block-index-category01{ padding:0 0; margin:60px auto; } .pro_group{ width:250px; float:left;} .pro_group ul.pro_group_bg{ height:70px; font-size:22px; text-align:center; color:#fff; line-height:70px; background:url(../images/leftbj.jpg) no-repeat;} .pro_group li{ height:56px; background:#fff; text-align:center; font-size:16px; line-height:56px; border-bottom:1px solid #eee;} .pro_group li:last-child{ margin-right:0;} .pro_group ul.contact{ margin-top:13px;} .pro_group ul.pro_group_contact{ padding:15px; line-height:2; background:#fff;height:222px;} .pro_group li:hover{ background:#0450a4} .pro_group li:hover a{ color:#fff;} /****/ /*产品分类,带产品*/ .block-index-pro_fenlei{ padding:0 0; margin:40px auto; } .pro_fenlei{ } .pro_fenlei .hd{ text-align:center; max-width:90%; margin:0 auto 5px auto;} .pro_fenlei .hd ul{ padding-top:20px;} .pro_fenlei .hd li{ display:inline-block; margin:0 15px; padding:0; font-size:16px; width:160px; height:45px; text-align:center; line-height:45px; border-radius:45px; border:1px solid #064bb3; color:#064bb3;} .pro_fenlei .hd li h2{ font-size:16px; display:block; line-height:50px;} .pro_fenlei .hd li.on{ background:#064bb3; color:#fff;} .pro_fenlei .bd{ margin:0 auto; position:relative;} .pro_fenlei .bd .slideBox{ max-width:1000px; margin:40px auto; overflow:hidden;} .pro_fenlei .bd ul{margin:0 auto; z-index:10px; position:relative;} .pro_fenlei .bd li{ float:left; width:235px; margin-right:20px;} .pro_fenlei .bd li img{ display:block; width:100%; margin:0 auto;} .pro_fenlei .bd li h2{ font-size:14px; display:block; color:#666; text-align:center; padding:15px 0;} .pro_fenlei2{ max-width:90%; margin:0 auto; overflow:hidden;} .pro_fenlei2 ul{ } .pro_fenlei2 li{ width:282px; margin-right:24px; overflow:hidden; position:relative; float:left; margin-bottom:20px;} .pro_fenlei2 li div.pic{ border-radius:30px;overflow:hidden; border:3px solid #064bb3;} .pro_fenlei2 li div.pic img{ display:block; max-width:100%;} .pro_fenlei2 li div.text{ padding:20px; text-align:center;} .pro_fenlei2 li div.text h2{ font-size:18px;} /****/ .block-index-product01{ padding:0 0 60px 0;} .product{ } .product li{ float:left; width:23.5%; margin-right:2%; margin-bottom:2%;} .product li:nth-child(4n){ margin-right:0;} .product li .pic{ border:1px solid #eee;} .product li img{ display:block; max-width:100%;} .product li .txt{ padding:20px 0; } .product li h2{ font-size:16px;text-align:left; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } /**简介**/ .about{ text-align:center; line-height:2.5; font-size:18px; padding-bottom:60px;} .about .index_more{ width:150px; height:43px; line-height:43px; text-align:center; display:block; margin:30px 0 0 0;font-size:16px; background:#ffc001; color:#000;} .about_2_list { background:#e55b1f; color:#fff; padding:50px 5%; display:flex;} .about_2_list li{ flex:1; text-align:center; line-height:1.9;} .about_2_list li h2{ font-size:60px;} .about_2_list li h2 span{ font-size:30px;} .about_2_list li p{ font-size:18px;} /**简介**/ .block-index-text02{} .about_2{ max-width:1212px; margin:0 auto;} .about_2 .about_2_pic{ width:606px; float:left; } .about_2 .about_2_pic img{ max-width:100%;} .about_2 .about_2_t{ float:right; width:606px; font-size:16px;line-height:2.4; padding:50px 0 0 40px;} .about_2 .about_2_t h2{ font-size:24px; font-weight:bold; color:#000;} .about_2 .about_2_t h2:after{ content:''; width:44px; border-bottom:3px solid #064bb3; display:block; margin:20px 0;} .about_2 .about_2_list{ padding:70px 24px;} .about_2 .about_2_list li{ display:inline-block; padding-left:10px; border-left:6px solid #064bb3; margin-right:81.666px;} .about_2 .about_2_list li p{ font-size:16px; display:block; float:left; margin-right:12px;} .about_2 .about_2_list li:last-child{ margin-right:0;} .about_2 .about_2_list li h2{ float:left; font-size:36px; font-weight:bold; color:#000; } .about_2 .about_2_t .about_2_t .index_more{ width:160px; height:35px; line-height:35px; text-align:center; display:block; margin:20px 0 0 0; background:#0450a4; color:#fff;} /********历程******/ .block-index-lanmu02{ padding:0; padding-bottom:80px; overflow:hidden;} .pro_lanmu02{ max-width:90%; margin:0 auto;} .pro_lanmu02 ul{ position:relative;} .pro_lanmu02 li{ width:290px; padding:12px; float:left; margin-right:13.333px; background:#fff;} .pro_lanmu02 li img{ display:block; margin:0;} .pro_lanmu02 li:last-child{ margin-right:0;} .pro_lanmu02 li .title{ display:block; margin:0 auto; text-align:center;} .pro_lanmu02 li h2{ font-size:20px; color:#000; font-weight:bold; padding:20px 0;} .pro_lanmu02 li p{ line-height:2; text-align:center; color:#888; font-size:14px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } /******/ .block-index-text03{ padding:50px 0;} .block-index-text03 .block-title h2{ color:#fff;} .block-index-text03 .block-title p{ color:#fff;} .w1200{ max-width:90%; margin:0 auto;} .contact_1{ width:608px; float:left; padding-top:80px;} .contact_1 li{ width:50%; float:left; text-align:center; margin-bottom:30px;} .contact_1 li img{ display:block; margin:0 auto 20px auto;} .contact_1 li p{ font-size:18px; color:#888;line-height:2;} .contact_1 li h2{ font-size:18px; font-weight:bold; color:#000;line-height:2;} .contact_2{ width:608px; float:right; padding:0 30px;padding-top:80px; } /***案例**/ .block-index-guanggao{ margin:30px auto; padding:20px 0;} .about_img{ margin:0 auto; max-width:90%;padding:40px 0;} .about_img img{ display:block; } /***案例**/ .block-index-cases01{ padding:20px 0 0 0; background:#} .case_show{ margin:0 auto; overflow:hidden; padding:0; max-width:90%;} .case_show li{ width:387px; float:left; margin-right:27.5px; margin-bottom:0; overflow:hidden;} .case_show li img{ display:block; max-width:100%;} .case_show li .pic{ overflow:hidden; border:1px solid #eee;} .case_show li .txt{ display:block; padding:15px 0; font-size:18px; text-align:center;} .index_caselist{ margin:0 auto; overflow:hidden; padding:0;} .index_caselist ul{ display:flex;} .index_caselist li{ flex:1; position:relative;} .index_caselist li img{ width:100%;} .index_caselist li .pic{ overflow:hidden;} .index_caselist li h2{ font-size:16px; text-align:center; position:absolute; bottom:0; width:100%; color:#fff; background:rgba(0,0,0,0.2); height:0} .index_caselist li p{ color:#999;} .index_caselist li:hover h2{padding:10px 0; line-height:2.4; height:60px;} .block-index-feed{ padding:60px 0;} .block-index-feed .w1100{ width:1000px;} .index_feed_title{ width:380px; float:left; background:#000; text-align:center; color:#fff; line-height:2.5; height:452px; padding:90px 0; font-size:16px;} .index_feed_title h2{ font-size:24px; display:inline-block; border-bottom:2px solid #fff; margin-bottom:50px; padding:20px 5px;} .index_feed{ width:520px; float:right;} .feed_1 li span{ display:block; font-size:15px;} .feed_1 li input{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0;} .feed_1 li textarea{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0; height:170px;} .feed_1 .tijiao{ width:180px; height:42px; margin-top:20px; line-height:42px; background:#064bb3; color:#fff; display:block; border:0;} /*新闻*/ .block-index-article01{ padding:0; margin-top:30px; padding-bottom:70px; } .newslist{ margin:0 auto; max-width:90%; } .newslist ul{ margin:0 auto;} .newslist li{ display:block; position:relative; border-bottom:1px solid #eee; padding:3% 0; width:52%; float:left;} .newslist li:nth-child(1){ width:45%; float:left; margin-right:3%; border-bottom:0;} .newslist li:nth-child(1) img{ width:100%; float:none; margin-bottom:20px; display:block;} .newslist li:nth-child(1) h2{ color:#e55b1f; margin:10px 0 15px 0;} .newslist li:last-child{ margin-right:0;} .newslist li a{ overflow:hidden;} .newslist li img{ display:none;} .newslist li h2{ font-size:18px; font-weight:bold; color:#333333; font-family:'微软雅黑'; display:block; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;} .newslist li p{color:#999; font-size:16px; display:block; margin:14px 0 0 0; line-height:2; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .newslist li:last-child{ border-bottom:0;} .feed_l{ background:url(../images/feedback.jpg) no-repeat left center; background-size:400px auto; padding-left:550px !important;} .message{ background:#f4f4f4; padding:3%;} .message_show{ max-width:1290px; margin:0 auto;} .message_show li{ font-size:20px; color:#000; padding:10px 0;} .message_show li span{ display:block; float:left; width:130px;} .message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;} .message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;} .message_show .tijiao{ width:190px; height:50px; font-size:18px; text-align:center; line-height:50px; background:#ffc001; color:#000 !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';} @media (max-width: 768px) { /*类目*/ /*类目*/ .block-title{ padding:15px 0; text-align:center; position:relative;margin:0 auto; } .block-title h2{ font-size:18px; color:#000; line-height:1.2; font-weight:bold;} .block-title p{ font-size:24px; text-transform:uppercase; color:#7f7f7f; line-height:1.2; font-weight:bold;} .block-title p span{ color:#e55b1f;} .block-title h2:after{ display:block; margin:10px auto; content:''; width: 0; height: 0; border-left:8px solid transparent; border-right:8px solid transparent; border-top: 8px solid #cdcdcd; } .block-title h3{ color:#888; font-size:12px; text-align:center; margin-top:10px; line-height:1.6;} /****/ /****/ .block-index-product01{ padding:3%; margin-top:0;} .product{ float:none; overflow:hidden; } .product li{ float:left; width:48%; margin-right:0; background:#fff; margin:0; margin-right:0; } .product li:nth-child(2n){ float:right;} .product li img{ display:block; max-width:100%;} .product li h2{ font-size:12px; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; } .product li p{ font-size:12px;word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .product li .txt{ padding:15px 8px; line-height:2;} /**简介**/ .block-index-text01{ position:relative; padding:0; background-size:auto 100%; padding-top:0;} .about{ max-width:1212px; margin:0 auto 0 auto; padding:0; } .about_t{ width:100%; float:right; line-height:2; text-align:left; font-size:12px; padding:0 3% 3% 3%;} .about .index_more{ width:120px; height:36px; line-height:36px; text-align:center; display:block; margin:20px 0;font-size:14px; background:#ffc001; color:#000;} .about_2_list { background:#e55b1f; color:#fff; padding:20px 0; display:flex;} .about_2_list li{ flex:1; text-align:center; line-height:1.9;} .about_2_list li h2{ font-size:18px; font-weight:bold;} .about_2_list li h2 span{ font-size:12px; font-weight:normal;} .about_2_list li p{ font-size:12px;} /******/ .block-index-text03{ background:url(../images/bg2.jpg) repeat-x center top; padding:75px 0 30px 0; margin-bottom:30px; } .about3{ max-width:90%; margin:0 auto;background-size:115% auto !important; padding:10px 0;} .about_3{ width:50%; margin:0 auto; text-align:center; font-size:12px; color:#888; line-height:1.3; height:auto; padding-top:0;} .about_3 h2{ font-size:16px; font-weight:bold; color:#111; padding:5px 0;} /***案例**/ .block-index-guanggao{ padding:3%; margin:0;} .about_img{ margin:0 auto; max-width:90%;padding:20px 0;} .about_img img{ display:block; width:100%; } /***案例**/ .block-index-cases01{ padding:15px 0;} .case_show{ margin:0 auto; overflow:hidden; padding:0; max-width:100%; margin:0 3%;} .case_show li{ width:180px; padding:0; float:left; overflow:hidden; margin:0; margin-right:10px;} .case_show li img{ display:block; max-width:100%;} .case_show li .txt{ display:block; padding:10px 0; font-size:14px; text-align:center;} .index_caselist{ margin:0 auto; overflow:hidden; padding:0;} .index_caselist ul{ display:block; margin:0; padding:0;} .index_caselist li{ float:left; position:relative; width:33.3333%;} .index_caselist li img{ width:100%; display:block;} .index_caselist li .pic{ overflow:hidden;} .index_caselist li h2{ font-size:12px; text-align:center; position:absolute; bottom:0; width:100%; color:#fff; background:rgba(0,0,0,0.2); height:0} .index_caselist li p{ color:#999;} .index_caselist li:hover h2{padding:0 0; line-height:2.4; height:40px; line-height:40px;} .block-index-feed{ padding:0;} .block-index-feed .w1100{ width:100%;} .index_feed_title{ width:100%; float:none; background:#000; text-align:center; color:#fff; line-height:2.5; height:auto; padding:30px 0; font-size:16px;} .index_feed_title h2{ font-size:24px; display:inline-block; border-bottom:2px solid #fff; margin-bottom:20px; padding:20px 5px;} .index_feed{ width:100%; float:none;} .feed_1{ padding:5%;} .feed_1 li span{ display:block; font-size:15px;} .feed_1 li input{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0;} .feed_1 li textarea{ display:block; width:100%; border:1px solid #ddd; padding:10px; margin:10px 0; height:120px;} .feed_1 .tijiao{ width:180px; height:42px; margin:20px auto; line-height:42px; background:#064bb3; color:#fff; display:block; border:0;} /*新闻*/ .block-index-article01{ padding:0 0 0 0; padding:3%; margin:0;} .newslist{ margin:0 auto; max-width:100%; overflow:hidden; } .newslist ul{ margin:0 auto;} .newslist li{ display:block; position:relative; border-bottom:1px solid #eee; padding:12px 0; width:100%; float:none;} .newslist li:nth-child(1){ width:100%; float:none; margin-right:0; border-bottom:1px solid #eee;} .newslist li:nth-child(1) img{ width:100%; float:none; margin-bottom:20px;} .newslist li:last-child{ margin-right:0;} .newslist li a{ overflow:hidden;} .newslist li img{ width:120px; float:left; margin-right:12px; overflow:hidden;} .newslist li h2{ font-size:14px; font-weight:bold; margin:0; color:#333333; font-family:'微软雅黑'; display:block; overflow:hidden;text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap; overflow:hidden; display:block;} .newslist li p{color:#999; font-size:12px; display:block; margin:14px 0 0 0; line-height:2; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;} .newslist li:last-child{ border-bottom:0;} .block-index-text03{ background-size:auto 90px !important; padding:0;} .contact_1{ width:100%; float:none; padding-top:20px;} .contact_1 li{ width:50%; float:left; text-align:center; margin-bottom:20px;} .contact_1 li img{ display:block; width:80px; margin:0 auto 20px auto;} .contact_1 li p{ font-size:15px; color:#888;line-height:2;} .contact_1 li h2{ font-size:14px; font-weight:bold; color:#000;line-height:2;} .contact_2{ width:100%; float:right; padding:3%;padding-top:20px; } .newspic{ padding:; width:100%; float:none; margin-top:0;} .newspic li{ line-height:2; font-size:12px; margin-bottom:12px;} .newspic li .time{ display:block; font-size:20px; width:60px; margin:0 10px; text-align:center; height:85px; float:left;} .newspic li .time i{ display:block; font-style:normal; font-size:16px;} .newspic li img{ width:100%; margin-top:20px;} .newspic li h2 i{ font-family:'宋体'; line-height:3; font-style:normal;} .newspic li h2{ margin:5px 0;text-overflow:ellipsis; overflow:hidden; font-size:15px; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; -moz-text-overflow:ellipsis; white-space:nowrap;} .newspic li p{color:#969696; font-size:12px; word-break:break-all; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } iframe{ display:block; width:100% !important; height:280px !important; overflow:hidden;} .feed_l{ background:none; padding-left:0; margin:0 auto;} .message{ padding:3%;} .message_show{ max-width:90%; margin:0 auto; } .message_show li{ font-size:16px; color:#000; padding:2% 3%;} .message_show li span{ display:block; float:none; width:130px; margin-bottom:6px;} .message_show li input{ height:42px; line-height:42px; border:1px solid #ddd; padding:0 3%; width:100%; font-size:15px; font-family:'微软雅黑'; color:#888;} .message_show li textarea{ height:100px;border:1px solid #ddd; padding:3%; width:100%; font-size:15px; font-family:'微软雅黑'; color:#888;} .message_show .tijiao{ width:140px; border-radius:5px; height:40px; font-size:14px; text-align:center; line-height:40px; background:#ffc001; color:#000 !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';} }